<template>
    <div class="home-page">
        <Swiper />
        <Advantage />
        <!-- <Multifunctional /> -->
        <ProductAdvantages />
        <FeaturedFeatures />
        <New_applyScene />
        <!-- <ApplyScene /> -->
        <MainBody />
    </div>
</template>

<script lang="ts" setup>
import Swiper from './components/swiper.vue'
import Advantage from './components/advantage.vue';
import ProductAdvantages from './components/productAdvantages.vue';
import Multifunctional from './components/multifunctional.vue';
import FeaturedFeatures from './components/featuredFeatures.vue';
import New_applyScene from './components/new_applyScene.vue';
import ApplyScene from './components/applyScene.vue';
import MainBody from './components/mainBody.vue';
</script>

<style scoped lang="scss">
@use 'sass:math';

@function rem($px) {
    @return math.div($px, 16) * 1rem;
}

.home-page {
    position: relative;
}
</style>
